<template>
  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="upload"
    ><path
      fill="#18181B"
      d="M6 19.787c-.55 0-1.02-.195-1.412-.587A1.926 1.926 0 0 1 4 17.787v-2a.97.97 0 0 1 .287-.712.967.967 0 0 1 .713-.288.97.97 0 0 1 .713.288c.191.192.287.43.287.712v2h12v-2c0-.283.096-.52.288-.712a.968.968 0 0 1 .712-.288c.283 0 .52.096.712.288.192.192.288.43.288.712v2a1.93 1.93 0 0 1-.587 1.413 1.926 1.926 0 0 1-1.413.587H6Zm5-12.15L9.125 9.512a.93.93 0 0 1-.713.288 1.02 1.02 0 0 1-.712-.313c-.183-.2-.28-.433-.288-.7a.916.916 0 0 1 .288-.7l3.6-3.6c.1-.1.208-.17.325-.212.117-.042.242-.063.375-.063s.258.021.375.063a.877.877 0 0 1 .325.212l3.6 3.6c.2.2.296.434.287.7a1.02 1.02 0 0 1-1 1.012.93.93 0 0 1-.712-.287L13 7.637v7.15a.97.97 0 0 1-.287.713.968.968 0 0 1-.713.287.968.968 0 0 1-.713-.287.968.968 0 0 1-.287-.713v-7.15Z"
  /></SfIconBase>
</template>
<script lang="ts" setup>
import type { PropType } from 'vue';
import { SfIconBase, SfIconSize } from '@storefront-ui/vue';

defineProps({
  size: {
    type: String as PropType<`${SfIconSize}`>,
    default: SfIconSize.base,
  },
});
</script>
